<style type="text/css">
    @media screen and (min-height: 480px) and (max-height: 599px) {
        .lunbotu {
            height: 165px;
        }
    }

    @media screen and (min-height: 600px) and (max-height: 670px) {
        .lunbotu {
            height: 193px;
        }
    }

    @media screen and (min-height: 671px) and (max-height: 740px) {
        .lunbotu {
            height: 213px;
        }
    }
    
    
    
    
    
</style>

<ion-view title="首页">
	<ion-content scroll="false">
	    <div id="content">
	        <section>
	            <ion-slide-box auto-play="true" does-continue="true"
	                           slide-interval=3000 show-pager="true" pager-click="">
	                <ion-slide>
	                    <div class="box">
	                        <img class="lunbotu" src="img/01.jpg" style="width: 100%;">
	                    </div>
	                </ion-slide>
	                <ion-slide>
	                    <div class="box">
	                        <img class="lunbotu" src="img/02.jpg" style="width: 100%;">
	                    </div>
	                </ion-slide>
	                <ion-slide>
	                    <div class="box">
	                        <img class="lunbotu" src="img/03.jpg" style="width: 100%;">
	                    </div>
	                </ion-slide>
	            </ion-slide-box>
	        </section>
	
	        <div class="body">
	            <ul class="mainmenu">
	                <li pos="p1" on-touch="onTouch($event)" on-release="onRelease()"
	                    ng-style="{'background-color': pos=='p1' ? '#8BDF72' : '#fff','background-image': 'url(img/icon/yd.png)'}">
	                    <a href="javascript:void(0);" ng-click="clickMenu('bookingLines');">
	                    	<b></b>
	                    	<span ng-style="{'color': pos=='p1' ? '#fff' : 'black'}">
	                    		预订
	                    	</span>
	                    </a>
	                </li>
	                <li pos="p2" on-touch="onTouch($event)" on-release="onRelease()"
	                    ng-style="{'background-color': pos=='p2' ? '#8BDF72' : '#fff','background-image':'url(img/icon/wddd.png)'}">
	                    <a href="javascript:void(0);" ng-click="clickMenu('orders');">
	                    	<b></b>
	                    	<span ng-style="{'color': pos=='p2' ? '#fff' : 'black'}">
	                    		我的订单
	                    	</span>
	                    </a>
	                </li>
	                <li pos="p3" on-touch="onTouch($event)" on-release="onRelease()"
	                    ng-style="{'background-color': pos=='p3' ? '#8BDF72' : '#fff','background-image':'url(img/icon/cxdc.png)'}">
	                    <a href="javascript:void(0);" ng-click="clickMenu('survey');">
	                    	<b></b>
	                    	<span ng-style="{'color': pos=='p3' ? '#fff' : 'black'}">
	                    		出行调查
	                    	</span>
	                    </a>
	                </li>
	                <li pos="p4" on-touch="onTouch($event)" on-release="onRelease()"
	                    ng-style="{'background-color': pos=='p4' ? '#8BDF72' : '#fff','background-image':'url(img/icon/ckxz.png)'}">
	                    <a href="javascript:void(0);" ng-click="clickMenu('instruction');">
	                    	<b></b>
	                    	<span ng-style="{'color': pos=='p4' ? '#fff' : 'black'}">
	                    		乘客须知
	                    	</span>
	                    </a>
	                </li>
	                <li pos="p5" on-touch="onTouch($event)" on-release="onRelease()"
	                    ng-style="{'background-color': pos=='p5' ? '#8BDF72' : '#fff','background-image':'url(img/icon/fwgg.png)'}">
	                    <a href="javascript:void(0);" ng-click="clickMenu('notices');">
	                    	<b></b>
	                    	<span ng-style="{'color': pos=='p5' ? '#fff' : 'black'}">
	                    		服务公告
	                    	</span>
	                    </a>
	                </li>

	                <li pos="p6" on-touch="onTouch($event)" on-release="onRelease()"
	                    ng-style="{'background-color': pos=='p6' ? '#8BDF72' : '#fff','background-image':'url(img/icon/lxwm.png)'}">
	                    <a href="javascript:void(0);" ng-click="clickMenu('aboutus');">
	                    	<b></b>
	                    	<span ng-style="{'color': pos=='p6' ? '#fff' : 'black'}">
	                    		联系我们
	                    	</span>
	                    </a>
	                </li>
	            </ul>
	        </div>
	    </div>
    </ion-content>
</ion-view>
